<template>
    <div>
        主页面
        <ul>
            <li>
                <router-link to="/home/A">A</router-link>
            </li>
            <li>
                <router-link to="/home/B">B</router-link>
            </li>
            <li>
                <router-link to="/home/C">C</router-link>
            </li>
        </ul>
        <router-link to="/home/A?id=1&name=小明">A传参</router-link>
        <router-link :to="{
            name:'A',
            query:{name:'小刘',id:'2'}
        }">A传参
        </router-link>
        <router-link :to="{ name:'B' ,params:{id:'3',name:'赵六'},}">B传值</router-link>
        <router-link :to="{
            name:'C',
            params:{
                id:'12',
                name:'测试'
            },
            query:{
                age:'10'
            }
        }">C传值</router-link>
        <router-view></router-view>
    </div>
</template>

<script>
export default {
    comments: {},
    data() {
        return {}
    },
    methods: {}
}
</script>

<style lang="less"></style>